.rulelist-body {
  height: 92%;
}

.rulelist-body-wrapper {
  padding-top: .5rem;
  margin-bottom: .5rem;
  overflow-y: auto;
  height: 97%;
}

.add-rule-bar {
  width: 95%;
}

.game-rule-bar {
  background-color: #2d385e;
  width: 98%;
  margin: auto;
  border-radius: .4rem;
  margin-bottom: .3rem;
  .bar-game {
    width: 4.5rem;
    margin-left: .5rem;
  }
  .bar-game-smaller {
    width: 4rem;
    margin: .2rem .5rem;
  }
  .game-tip {

  }
  .operate-area {
    display: flex;
    flex-direction: column;
    // align-items: center;
    img {
      flex: 1;
      width: 100%;
    }
  }
}

.flex-column {
  flex-direction: column;
}

.add-rule-tips {
  height: 90%;
  span {
    color: #fff;
    margin-left: .3rem;
  }
}

.add-rule-arrow {
  height: 40%;
}

.add-top {
  justify-content: space-between;
}

.rule-game-base {
  
}


.rule-game-base-selections {
  height: 92%;
  width: 100%;
  font-size: 1.1rem;
  .rule-row {
    .choice {
      font-size: 1rem;
    }
    margin: 0 .3rem;
    background: #2d385e;
    padding: 0.1rem 0 .2rem;
    &.a-block {
      border-radius: .4rem;
      padding: .2rem 0;
    }
    &.b-block {
      margin-top: .5rem;
      border-top-left-radius: .4rem;
      border-top-right-radius: .4rem;
    }
    &.c-block {
      border-bottom-left-radius: .4rem;
      border-bottom-right-radius: .4rem;
    }
    .rule-name {
      margin-left: .6rem;
    }
    .choose-circle {
      vertical-align: middle;
      width: 1.8rem;
      margin-bottom: .3rem;
    }
    .choose-circle-small {
      vertical-align: middle;
      width: 1.6rem;
      margin-bottom: .3rem;
    }
    .choose-text {
      margin-left: .2rem;
      letter-spacing: 1px;
    }
    &.btn {
      text-align: center;
      margin-top: 2rem;
      img {
        width: 50%;
      }
    }
  }
}

.rule-alias {
  margin: 0.5rem .3rem;
  padding: .5rem 0.3rem;
  background: #2d385e;
  border-radius: .4rem;
  input {
    width: 75%;
    border: none;
    background: #e6e6e6;
    border-radius: .2rem;
    padding-left: .5rem;
    height: 2rem;
    color: #000;
  }
}

.confirm-rule-config {
  width:27rem;
  margin: 1rem 5%;
  background: url(../../../img/groupNew/confirm-setting.png?v=20181201);
  background-size: contain;
  border: none;
  background-repeat: no-repeat;
  min-height: 3.6rem;
  height: 3.6rem;
}
.confirm-mask {
	position:relative;
	div{
		 width: 100%;
    		height: 5.6rem;
    		position: absolute;
	}
}

.game-query {
  border-radius: .4rem;
  border: none;
  height: 2rem;
  margin: auto;
  width: 75%;
  background: #eee;
  padding-left: .5rem;
  color: #000;
}

.no-game {
  width: 35%;
}
.no-game-manage {
  width: 10rem;
}